@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}

.icon {
  font-family: 'iconfont';
}

/* 头部 */
.header {
  height: 0.88rem;
  line-height: .88rem;
  background-color: #ff5001;
  font-size: .36rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

/* 导航 */
.nav>ul {
  display: flex;
  /* overflow: hidden; */
  width: 12rem;
}

.nav>ul li {
  height: 0.8rem;
  line-height: .8rem;
  font-size: .28rem;
  text-align: center;
  cursor: pointer;
  flex: 1;
}

/* 底部导航 */
.footer_nav {
  height: 1.23rem;
  position: fixed;
  z-index: 9;
  max-width: 7.5rem;
  width: 100%;
  bottom: 0;
  background-color: #fff;
  border-top: .01rem solid #d7d7d7;
}

.footer_nav ul {
  display: flex;
}

.footer_nav ul li {
  flex: 1;
  text-align: center;
  font-size: .2rem;
  padding: .2rem 0 .17rem;
  cursor: pointer;
}

.footer_nav ul li .icon {
  font-size: .5rem;
}